.wrap {
  box-sizing: border-box;
  padding: 16px 16px;
  .title {
    display: flex;
    justify-content: space-between;
    .left-part {
      display: flex;
      .title-pic {
        width: 28px;
        height: 28px;
        margin-right: 9px;

      }
      .title-text {
        line-height: 28px;
        font-size: 16px;
        font-weight: bold;
        color: @main-text-color;
      }
    }
    .right-part {
      .time {
        text-align: right;
        line-height: 28px;
        color: @tips-color;
        font-size: 10px;
      }
    }
  }
  .detail-info {

    .info-item {
      line-height: 20px;
      margin-top: 3px;
      display: flex;
      .info-item-title {
        display: inline-block;
        width: 84px;
        color: #7D7D7D;
        word-break: break-all;
      }
      .info-item-content {
        display: inline-block;
        word-break: break-all;
        margin-left: 10px;
        max-width: 216px;
        color: #333;
      }
    }
  }
  .button-wrap {

    >a {
      &:first-of-type {
        margin-left: 8px;
      }
    }
  }
}